<script setup lang="ts">
defineProps<{
    href: string,
}>()
</script>

<template>
    <a
        class="text-sm select-none cursor-pointer relative hover:after:content-[''] hover:after:relative hover:after:left-0 hover:after:w-full hover:after:bottom-0 hover:after:h-1px hover:after:block hover:after:mb--1px text-purple-700 hover:text-purple-600 hover:after:bg-purple-600"
        :href="href"
    >
        <slot>

        </slot>
    </a>
</template>

<style lang="less" scoped>

</style>